

    var currentHighLighted;
    var currentDoc;

    var cuerrentGaleriaHighLighted;
    var currentGaleria;


    $(window).ready(function() {

        mostrarCarousel();
        currentHighLighted = $('#home');
        currentDoc = 'home';

        cuerrentGaleriaHighLighted = 'cocina';
        currentGaleria = 'galeriaCocina';


        $(".wrap a").click(function (e) {
            // e == our event data
            e.preventDefault();
        });

        $("#ahome").click(function () {

            showData('home');

        })
        $("#agaleria").click(function () {

            showData('galeria');
        })
        $("#ubicacion").click(function () {

            showData('ubicacion');
        })
        $("#aservicios").click(function () {

            showData('servicios');
        })
        $("#areserve").click(function () {

            showData('reserve');
        })
        $("#acontacto").click(function () {
            
            showData('contacto');
        })
        $("#english").click(function () {
            $.post("/includes/session.php", {"lang":"eng"},function(){
                location.reload();
            })
        })
        $("#espanol").click(function () {
            $.post("/includes/session.php", {"lang":"spa"},function(){
                location.reload();
            })
        })

        //ajustarElementos();
    })

    function showData(element){

        if (currentDoc != element){ // si es igual no se vuelve a cargar, ya que ya esta cargado
            unloadCarousel();
            loadBody(element);
            changeStyle(element);
        }

        return false;
    }

    function loadBody(doc){

        cleanStyle() // si se clickea en alguna sección se limpia el highlighted

        $('#cuerpo').load("includes/"+doc+".php",function(){

          if (doc=='home' || doc=='galeria' || doc=='servicios' || doc=='contacto' || doc=='reserve'){ // si es home vuelvo a mostrar el carousel

            mostrarCarousel();

              if(doc=='galeria'){

                  cuerrentGaleriaHighLighted = 'cocina';
                  currentGaleria = 'galeriaCocina';

              }
          }

          if(doc='reserve'){
              inicializarDatePicker();
          }

        })//.hide().fadeIn();

        currentDoc = doc;
    }


    function changeStyle(element){

        if(element !=null){
            //element.setAttribute("class","highlight_seccion");
            $('#'+element).addClass('franja')
            currentHighLighted = $("#"+element);
        }

    }


    function cleanStyle(){

        if(currentHighLighted!=null){

            currentHighLighted.removeClass('franja');
        }

    }

    function ajustarElementos(){
        $('span.seccion a:has(div.doblelinea)').css('height',26);
        $('span.seccion:has(div.doblelinea)').css('height',26);
    }


     function mostrarCarousel(){

            $('#mycarousel').jcarousel({
                auto: 5,
                wrap: 'circular',
                scroll:1
            });

            //carousel = $('#mycarousel').data('jcarousel');

        }

    function unloadCarousel(){

            if( myCarousel = $("#mycarousel").data('jcarousel')) {
                myCarousel.stopAuto()
                myCarousel.reset();
            }
        }

    function showGaleria(doc,element){

        if (currentGaleria != doc){ // si es igual no se vuelve a cargar, ya que ya esta cargado
            unloadCarousel();
            loadGaleria(doc)
            changeStyleGaleria(element)
        }

        return false;
    }

    function loadGaleria(galeria){

        cleanStyleGaleria() // si se clickea en alguna sección se limpia el highlighted

        $('#galeria').load("includes/"+galeria+".php",function(){

            mostrarCarousel();

        })//.hide().fadeIn();

        currentGaleria = galeria;
    }

    function cleanStyleGaleria(){

        if(cuerrentGaleriaHighLighted!=null){

            $("#"+cuerrentGaleriaHighLighted).removeClass('franjaGaleria');
        }

    }

        function changeStyleGaleria(element){

        if(element !=null){
            //element.setAttribute("class","highlight_seccion");
            $('#'+element).addClass('franjaGaleria')
            cuerrentGaleriaHighLighted = element;
        }

    }

    function sendMail(){

        var reservaFrom =$("#reservaFrom")
        var reservaTo =$("#reservaTo")
        var nombre = $("#nombre").val();
        var mail = $("#mail").val();
        var coment = $("#consulta").val();

        if(nombre!="" && mail!="" && coment!="" && (((reservaFrom!=null && reservaFrom.val()!="") || reservaFrom==null)&&((reservaTo!=null && reservaTo.val()!="") || reservaTo==null))){

            var data = $("#formularioMail").serialize(); //arma todo los input del #form para enviar en el request
            $.ajax({
                type: "POST",
                url: "/includes/mail.php",
                data:data,
                success: function(){
                        location.reload();
                    }
             })

         }
    }



